/* CSS Document */
body{ background: #f0f0f0;}
.cm_h3{ height: 3rem; line-height: 3rem; font-size: 1.4rem; text-indent: 1rem; }

.wrapper{ bottom:4.0rem;}

.open{ width:100%; padding:1.0rem 0; background: #fff;}
.o_wrap{ width:100%; padding:0 3.75%; display:-webkit-box;  display:-moz-box; -webkit-box-align:center; -moz-box-align:center; box-sizing:border-box;}
.o_wrap div:nth-of-type(1){ width:6rem;}
.o_wrap div:nth-of-type(1) img{ width:5rem; margin:0 auto;}
.o_wrap div:nth-of-type(2){ -webkit-box-flex:2; -moz-box-flex:2;}
.o_wrap div:nth-of-type(2) h5{ line-height:2.6rem; font-size:1.6rem; font-weight:normal; color:#000;}
.o_wrap div:nth-of-type(2) p{ font-size:1.0rem; line-height:1.6rem; font-weight:normal; color:#000;}
.o_wrap div:nth-of-type(3){ -webkit-box-flex:1; -moz-box-flex:1; text-align:right;}
.o_wrap div:nth-of-type(3) a{ width:9.2rem; height:3rem; line-height: 3rem; font-size:1.4rem; text-align: center; display:block; border-radius: 0.4rem;
background: #ffea01;}

.cbanner{ position: relative;}
.cbanner img{ width:100%;}
.cbanner p{ width:100%; padding:0 1rem; box-sizing: border-box; font-size: 1.4rem; line-height: 1.6rem;  position: absolute; bottom:0.6rem; color:#fff;}

.tinfo{ padding:0.8rem 0;  margin-bottom:0.6rem; background: #fff;
display:-webkit-box; display:-moz-box; -webkit-box-align:center; -moz-box-align:center; }
.tinfo div:nth-of-type(1){ width:4rem; padding-left:1rem; position: relative;}
.tinfo div:nth-of-type(1) img{ width:4rem; margin:0 auto;}
.tinfo div:nth-of-type(1) span{ width:1.4rem; height: 1.4rem; position: absolute; right:0; bottom:0; 
background: url(../img/icon_v.png) no-repeat center center/100% auto;}
.tinfo div:nth-of-type(2){ -webkit-box-flex:1; -moz-box-flex:1; padding-left:1rem;}
.tinfo div:nth-of-type(2) h5{ line-height:2rem; font-size:1.3rem; font-weight:normal;}
.tinfo div:nth-of-type(2) p{ font-size:1.1rem; color:#909090;}
.tinfo div:nth-of-type(2) span{ display: inline-block; padding:0 0.8rem;}
.tinfo div:nth-of-type(3){ width:8rem; text-align: center; font-size: 1.1rem;}
.tinfo div:nth-of-type(3) h5{ font-size: 1.8rem; color:#66d763;}

.brief{ background: #fff; padding-bottom: 0.4rem; margin-bottom:0.6rem;}
.b_content{ padding:0 1rem; height:9.6rem; font-size: 1.2rem; color:#909090; overflow: hidden;}
.a_show{ width:50%; height:2.4rem; line-height: 2.4rem; text-align: center; font-size: 1.1rem; display: block; margin:0.4rem auto 0;}
.a_show span{ display: inline-block; padding-right:1.6rem; background: url(../img/icon_dshow.png) no-repeat right center/auto 0.6rem; margin-left:0.4rem;}

.ctable{ background: #fff; margin-bottom: 0.6rem;}
.ul_clist { margin:0 1rem;}
.ul_clist li{ padding:0.4rem 0; height: 2.4rem; line-height: 2.4rem;  border-bottom: 1px solid #cfcfcf;}
.ul_clist li:first-of-type{ padding-top:0;}
.ul_clist li:last-of-type { border-bottom: none;}
.ul_clist a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:70%;  padding-left:1.8rem;  float:left; display: inline-block; box-sizing: border-box; font-size: 1.2rem; 
background: url(../img/icon_video.png) no-repeat left center/1.5rem auto;}
.ul_clist span{ display: inline-block; padding-left:1.6rem; color:#bbb; font-size: 1.1rem; float: right;
background: url(../img/icon_ctime.png) no-repeat left center/auto 1.2rem;} 

.mark{ background:#fff;}
.ul_mark li{ padding:1.0rem; border-bottom:1px solid #ddd;}
.ul_mark li:first-of-type{ padding-top:0;}
.ul_mark li>p{ padding-left:4rem; font-size:1.0rem;}
.div_mark{ display:-webkit-box; display:-moz-box; -webkit-box-align:center; -moz-box-align:center;  margin-bottom:0.6rem;}
.div_mark div:nth-of-type(1){ width:4rem;}
.div_mark div:nth-of-type(1) img{ width:3.5rem; margin:0 auto;}
.div_mark div:nth-of-type(2){ -webkit-box-flex:1; -moz-box-flex:1;}
.div_mark div:nth-of-type(2) h5{ line-height:2rem; font-size:1.2rem; font-weight:normal;}
.div_mark div:nth-of-type(2) p{ font-size: 1.0rem; color:#bbb;}
.div_mark div:nth-of-type(3) p span{ width:15px; height:15px; margin-right:0.4rem; display:inline-block; 
background:url(../img/icon_star.png) no-repeat center center;}
.div_mark div:nth-of-type(3) p span.active{ background:url(../img/icon_star_at.png) no-repeat center center; }

.footer{ width:100%; height:4.0rem; position: absolute; left:0; bottom:0; border-top:1px solid #e5e5e5; display: -webkit-box; background: #fff;}
.footer a{ line-height: 4.0rem; display: block; font-size: 1.5rem; text-align: center; }
.footer a:nth-of-type(1){ -webkit-box-flex:1; }
.footer a:nth-of-type(1) span{ display: inline-block; padding-left:1.8rem; background: url(../img/icon_music.png) no-repeat left center/auto 1.4rem;}
.footer a:nth-of-type(2){ -webkit-box-flex:2; background: #ffea01; }
.footer a:nth-of-type(2) span{ color: #ff393a;}

